*{
    margin:0;
    padding:0;
}

.clearfix{
    clear:both;
    content:"";
    display:table;

}
li{
    list-style: none;
    margin-right:50px;
}
a{
    text-decoration: none;
    color:#5085c8;
}
a:hover{
    text-decoration: underline;
}

.fl{
    float:left;
}
.fr{
    float:right;
}
.header_bg{
    height:110px;
    box-shadow:0 2px 8px #eee;
}
.header{
    width:1200px;
    margin:0 auto;
}
ul{
    width:400px;
    margin-top:10px;
}
.logo img{
    width:90px;
}
.top a{
    color:#fff;

}
.header ul .txt{
    height:80px;
    line-height:80px;
    padding-left:50px;
    border-left:1px solid #eee;
    font-size:22px;
    color:#666;
    margin-top:8px;
}
.header .login{
    font-size:16px;
    color:#333;
    margin-top:60px;
}
input{
    outline:none;
}
.subject img{
    width:100%;


}
.subject{
    position:relative;

}
.subject .login_box{
    position:absolute;
    top:30px;
    right:300px;
    background:#fff;
    width:380px;
}
.login_box>*{
    width:330px;
    margin:0 auto;
}
.login_type>* {
    font-size: 20px;
    margin:30px 11px;
}

.login_type .cut-off-rule{
    color:#ccc;
    width:1px;

}
.login_type a{
    color:#666;
    text-decoration: none;
}
.login_type a:hover{
    color:#666;
}
.login_type a:visited{
    color:#3983da;
}
.login_box form input{
    width:330px;
    height:40px;
    line-height:40px;
    margin-bottom:20px;
    padding-left:30px;
    box-sizing: border-box;
}
.login_box form .username{
    position:relative;
}
.login_box form .psw{
    position:relative;
}
.login_box form .username .icon1{
    position:absolute;
    top:12px;
    left:10px;
    width:15px;
    height:15px;
    background:url("../images/icon-label.png") no-repeat 0 0;
}
.login_box form .username .choose{
    position:absolute;
    top:10px;
    right:20px;
    font-size:14px;
    color:#3983da;
    text-decoration: none;
}
.login_box form .psw .icon2{
    position:absolute;
    top:12px;
    left:10px;
    width:16px;
    height:18px;
    background:url("../images/icon-label.png") no-repeat -16px 0;
}
.login_box form a{
    text-decoration: none;
}
.login_box form .bth{
    width:330px;
    height:50px;
    line-height:50px;
    background:#3983da;
    text-align:center;
    color:#fff;
    font-size:20px;
}
.forget{
    text-align:center;
    margin:20px auto;
}
.forget a{
    text-decoration: none;
    color:#666;
    font-size:14px;
}
.forget span{
    padding:20px;
    color:#ccc;

}
.third_login{
    margin-top:60px;
    position:relative;
}
.third_login .txt{
    background:#fff;
    position:absolute;
    height:30px;
    line-height:30px;
    font-size:14px;
    top:-15px;
    left:90px;
    padding:0 10px;
}
.third_login_icon{
    margin:20px auto;
    display:flex;
    justify-content: space-around;
}
.third_login_icon>*{
    display:inline-block;
    margin:0 30px;
    width:30px;
    height:30px;
}
.third_login .qq_icon{
    background:url("../images/third-party.png") no-repeat -60px 0;
}
.third_login .qq_icon:hover{
    background:url("../images/third-party.png") no-repeat -60px -30px;
}
.third_login .wechat_icon{
    background:url("../images/third-party.png") no-repeat -120px 0;
}
.third_login .wechat_icon:hover{
    background: url("../images/third-party.png") no-repeat -120px -30px;
}

.third_login .microblog_icon{
    background:url("../images/third-party.png") no-repeat -180px 0;
}
.third_login .microblog_icon:hover{
    background:url("../images/third-party.png") no-repeat -180px -30px;
}










.footer {

    margin-top:100px;

}
.footer .consult{
    width:1200px;
    margin:0 auto 40px;
}
.footer .consult .fl p{
    font:700 20px "微软雅黑";
    color:#666;
    margin-bottom:30px;

}
.footer .consult .fl p span{
    margin-right:20px;
}
.footer .consult .fl .bth{
    width:200px;
    height:60px;
    line-height:60px;
    background:#3983da;
    text-align:center;
}
.footer .consult .fl .bth{
    color:#fff;
    font-size:20px;
    border-radius:5px;
}
.consult .fl a{
    text-decoration: none;
    color:#fff;
}
.consult .fl a:hover{
    text-decoration: none;
}
.bottom{
    height: 116px;
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 0;
    background:#3983da;
}
.bottom p{
    height: 32px;
    line-height: 32px;
    color: white;
}
.bottom p img{
    margin: 0 4px;
}
.bottom p  a{
    color: white;
    text-decoration: none;
}
.bottom p a:hover{
    text-decoration: underline;
}

.bottom span{
    margin: 0 20px;
}
